/*
    Document   : custom.css
    Created on : Sep 13, 2010, 4:46:56 PM
    Author     : SlopeTracker
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

.column-tag{
    width: 70px;
}
.column-description{
    width: 22%;
}

.pos_rel{
    position: relative;
    height:70px;
}
.short_action{
    bottom: 0;
/*    position: absolute;*/
}

.filter{
    float: right;
    margin: 0 0 0 10px;
}

.filter select{
    width: 160px;
}

.wrap fieldset.border{
    padding: 20px;
    text-align: left;
    border: 1px solid #A4BBCD;
}
.wrap legend.border {
    color:#0B77B7;
    font-size:1.4em;
}

.wrap form input[type="submit"] {
    float:left;
}

th.column-thumbnail_url,
td.column-thumbnail_url{
    text-align: center;
}

th#content{
    width: 40%
}

th.column-title{
    width: 20%;
}

th.column-settitle{
    width: 20%;
}

th.column-primary{
    text-align: center;
}

.youtubeDetail label,
.youtubeDetail div,
.youtubeDetail p{
    float:left;
}

.youtubeDetail label{
    width: 150px;
}

.youtubeDetail ul{
    margin-top: 10px;
}

.youtubeDetail ul li{
    border-bottom: dashed #d6d6d6 1px;
    padding: 3px;
}
#pp_full_res .pp_inline p{
    margin: 0 0 5px 0;
}
th.column-thumbnail{
    width: 60px;
}
th.column-title{
    width: 200px;
}
th.column-view{
    width: 100px;
}
th.column-cdate{
    width: 100px;
}

.chartNoData{
    width: 100%;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
    font-weight: bold;
}

.arrow_left{
    background:url(../../images/arrow.png) center 0 no-repeat;
    width: 24px;
    height: 24px;
    display:block;
    float:left;
    cursor: pointer
}
.arrow_right{
    background:url(../../images/arrow.png) center -24px no-repeat;
    width: 24px;
    height: 24px;
    display:block;
    float:right;
    cursor: pointer
}

#uploading_container{
    border-bottom: 1px solid #D2D2D2;
    padding: 25px 0 0 15px;
    width: 60%;
    margin: 0 0 0 15px;
    display: none;
}

#uploading_container ul{
    margin-left: 40px;
}

div.youtube_uploading{
    border: #D2D2D2 solid 1px;
    width: 308px;
    height: 15px;
    padding: 1px;
}

#uploading_container label{
    float:left;
    width: 150px;
}

.youtube_uploadpercent{
    background: #E51B23;
    height: 15px;
    width: 0%;
}

#uploading_container ul.upload_form_field ul{
    margin: 0;
}

#uploading_container ul.upload_form_field ul li{
    float:left;
    display: inline;
    background-color: #E0E0E0;
    height: 57px;
    margin-right: 5px;
    width: 76px;
}

.button_submit{
    padding: 0 0 2px;
    color: #fff;
    width: 74px;
    height: 27px;
    background: url("../../images/red-grad.png") repeat-x scroll left top #F2F2F2;
    margin-left: 210px;
    border: #BBBBBB 1px solid;
}

.statusUpload{
    font-size: 10px;
    color: #838383;
    float: left;
}

.uploadFileTitle{
    background: url("../../images/icon_film.png") no-repeat scroll left center transparent;
    padding-left: 20px;
    margin-left: 40px;
}

.statusProgressing{
    background: url("../../images/uploading.gif") no-repeat scroll left center transparent;
    float: left;
    padding: 0 0 0 18px;
    font-size: 11px;
    display: none;
}

.playlist input{
    float:left;
}

.playlist label{
    margin-left: 3px;
}